﻿<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>发表问题</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" th:href="@{/res/layui/css/layui.css}">
  <link rel="stylesheet" th:href="@{/res/css/global.css}">
  <!--下拉菜单-->
  <link th:href="@{/load/xiala/jquery.searchableSelect.css}" rel="stylesheet" type="text/css">
  <script th:src="@{/load/xiala/jquery-1.11.1.min.js}"></script>
  <script th:src="@{/load/xiala/jquery.searchableSelect.js}"></script>
  <link rel="stylesheet" th:href="@{/load/res/layui/css/layui.css}">
  <link rel="stylesheet" th:href="@{/load/res/css/global.css}">


  <link rel="stylesheet" type="text/css" th:href="@{/load/css/component.css}" />

  <link rel="stylesheet" type="text/css" th:href="@{/load/xiala/css/selectFilter.css}" />

  <link rel="stylesheet" th:href="@{/load/content_toolbar.css}">
  <link rel="stylesheet" th:href="@{/load/font-awesome.min.css}">
  <link rel="stylesheet" th:href="@{/load/bootstrap.css}">

  <!--header-->
  <link rel="stylesheet" type="text/css" th:href="@{/home/styles/bootstrap4/bootstrap.min.css}">
  <link th:href="@{/home/plugins/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css" th:href="@{/home/plugins/OwlCarousel2-2.2.1/owl.carousel.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/home/plugins/OwlCarousel2-2.2.1/owl.theme.default.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/home/plugins/OwlCarousel2-2.2.1/animate.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/home/plugins/jquery.mb.YTPlayer-3.1.12/jquery.mb.YTPlayer.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/home/styles/main_styles.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/home/styles/responsive.css}">

<script th:src="@{/res/layui/layui.js}"></script>

  <script language="javascript">
      function AcceptData(num){
          document.getElementById("accepDate").value+=num;
      }
  </script>



</head>
<body>
<header class="header">
  <div class="container">
    <div class="row">
      <div class="col">
        <div class="header_content d-flex flex-row align-items-center justify-content-start">
          <div class="logo"><a th:href="@{/m}">EDU</a></div>
          <nav class="main_nav">
            <ul>
              <li class="active"><a th:href="@{/resourceByName}">下载首页</a></li>
              <li><a th:href="@{/upload}">上传赚C币</a></li>
              <li><a th:href="@{/upload}">无</a></li>
              <li><a th:href="@{/queryhomepage}">无</a></li>
              <li><a th:href="@{/queryhomepage}">无</a></li>
            </ul>
          </nav>
          <div class="search_container ml-auto">

            <form action="#">
              <input type="search" class="header_search_input" required="required" placeholder="Type to Search...">
              <img class="header_search_icon" th:src="@{/home/images/search.png}" alt="">
            </form>
            &nbsp;&nbsp;<a th:href="@{/login}">登录</a>&nbsp;|&nbsp;<a th:href="@{/register}">注册</a>          </div>
          <div class="hamburger ml-auto menu_mm">
            <i class="fa fa-bars trans_200 menu_mm" aria-hidden="true"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
</div>




<div class="main layui-clear">
  <div class="fly-panel" pad20>
    <h2 class="page-title">上传资源</h2>
    <div class="layui-form layui-form-pane">
      <form th:action="@{/upfile}" type="file" enctype="multipart/form-data" action="" method="post">


        <div class="container">
          <div class="content">
            <div class="box">
              <input type="file" style="display: none" name="attachment" id="file-7" class="inputfile inputfile-6" data-multiple-caption="{count} files selected" multiple />
              <label for="file-7"><span></span> <strong><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg>请选择文件</strong></label>
            </div>
          </div>
        </div><!-- /container -->
        <script th:src="@{/load/js/custom-file-input.js}"></script>
        <script th:src="@{/loadjs/jquery-v1.min.js}"></script>
        <script th:src="@{/loadjs/jquery.custom-file-input.js}"></script>




        <div class="layui-form-item">
          <label class="layui-form-label">资源名称</label>
          <div class="layui-input-block">
            <input type="text" id="query_title" name="resourceName" required lay-verify="required" autocomplete="off" class="layui-input">
          </div>
        </div>

        <!-- 这里开始 -->

        <div class="filter-box">
          <label class="layui-form-label" style="z-index: 0">资源类型：</label>
          <div class="filter-text">
            <input class="filter-title" name="resourceType" type="text" readonly placeholder="pleace select" />
            <i class="icon icon-filter-arrow"></i>
          </div>
          <select name="filter">
            <option value="new" disabled>最新的</option>
            <option value="unaudited">未审核</option>
            <option value="nothrough" selected>未通过</option>
            <option value="audit">正在审核</option>
            <option value="audited">已审核</option>
            <option value="passed">已通过</option>
            <option value="1">111</option>
            <option value="2">2222222222222222222222222222222222222222222222222222222222222</option>
            <option value="3">333</option>
            <option value="4">444</option>
            <option value="5">555</option>
            <option value="6">666</option>
          </select>
        </div>
        <script type="text/javascript" th:src="@{/load/xiala/js/jquery.min.js}"></script>
        <script type="text/javascript" th:src="@{/load/xiala/js/selectFilter.js}"></script>
        <script type="text/javascript">
            $('.filter-box').selectFilter({
                callBack : function (val){
                    //返回选择的值
                    console.log(val+'-是返回的值')
                }
            });
        </script>
        <br /><br />
        <div class="filter-box1">
          <label class="layui-form-label" style="z-index: 0">所属分类：</label>
          <div class="filter-text">
            <input class="filter-title" name="resourcePrimary" type="text" readonly placeholder="pleace select" />
            <i class="icon icon-filter-arrow"></i>
          </div>
          <select name="filter">
            <option value="new" disabled>最新的</option>
            <option value="unaudited">未审核</option>
            <option value="nothrough" selected>未通过</option>
            <option value="audit">正在审核</option>
            <option value="audited">已审核</option>
            <option value="passed">已通过</option>
            <option value="1">111</option>
            <option value="2">2222222222222222222222222222222222222222222222222222222222222</option>
            <option value="3">333</option>
            <option value="4">444</option>
            <option value="5">555</option>
            <option value="6">666</option>
          </select>
        </div>
        <script type="text/javascript" th:src="@{/load/xiala/js/jquery.min.js}"></script>
        <script type="text/javascript" th:src="@{/load/xiala/js/selectFilter.js}"></script>
        <script type="text/javascript">
            $('.filter-box1').selectFilter({
                callBack : function (val){
                    //返回选择的值
                    console.log(val+'-是返回的值')
                }
            });
        </script>
        <br /><br />


        <div class="layui-form-item" style="z-index: 0">
          <label  class="layui-form-label" style="z-index: 0" >资源分数</label>
          <div class="layui-input-block" style="z-index: 0">
            <input style="z-index: 0" type="number"  name="resourcePrice" required lay-verify="required" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item" style="z-index: 0">
          <label class="layui-form-label" style="z-index: 0">标签</label>
          <div class="layui-input-block" style="z-index: 0">
            <input style="z-index: 0" type="text" id="accepDate" name="resourceTag" required lay-verify="required" autocomplete="off" class="layui-input">
          </div>
        </div>
        <!--<div class="layui-form-item">-->
        <!--<p style="color: gray;">推荐标签：</p><button>高中</button>&nbsp;&nbsp;<button>初中</button>&nbsp;&nbsp;<button>小学</button>-->
        <!--</div>-->

        <!--<input id="accepDate" type="text" name="accepDate" /><br/>-->
        <div class="layui-form-item">
          <input type="button"  name="Submit" onclick="AcceptData('  高中')" value="高中"></input>
          <input type="button" name="Submit" onclick="AcceptData('  数学')" value="数学"></input>
          <input type="button" name="Submit" onclick="AcceptData('  语文')" value="语文"></input>
        </div>

        <div>
          <label>资源描述：</label>
          <textarea style="width:500px ; height: 200px" name="resourceDesc" id="txt_desc" max="500" placeholder="描述不支持HTML标签；详细的资源描述有机会获得我们的推荐，更有利于他人下载，赚取更多积分。如资源描述不清，有可能审核不通过。"></textarea>
          <em></em>
        </div>



        <div class="layui-form-item">
          <button type="submit" class="layui-btn" lay-filter="*" lay-submit>立即上传</button>
        </div>
      </form>
    </div>
  </div>
</div>

 <script type="text/javascript" charset="utf-8" th:src="@{/res/js/kindeditor.js}"></script>
  <script type="text/javascript">
    KE.show({
        id : 'content',
		resizeMode : 1,
        cssPath : './index.css',
        items : [
        'fontname', 'fontsize', 'textcolor', 'bgcolor', 'bold', 'italic', 'underline',
        'removeformat', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
        'insertunorderedlist', 'emoticons', 'image', 'link']
    });
  </script>
<script>

layui.cache.page = '';
layui.cache.user = {
  username: '游客'
  ,uid: -1
  ,avatar: '../res/images/avatar/00.jpg'
  ,experience: 83
  ,sex: '男'
};
layui.config({
  version: "2.0.0"
  ,base: '../res/mods/'
}).extend({
  fly: 'index'
}).use('fly');
</script>
</body>
</html>